<!--免费-->
<template>
  <transition name="home" enter-active-class="animated slideInLeft" leave-active-class="animated fadeOutLeft">
    <div class="home">
      <Headers></Headers>
      <adver></adver>
      <bookList></bookList>
      <bookList></bookList>
      <Footers></Footers>
    </div>
  </transition>
</template>

<script>
  import Headers from '@/components/commons/header/header.vue'
  import adver from '@/components/free/adver.vue'
  import bookList from '@/components/free/bookList.vue'
  import Footers from '@/components/commons/footer/footer.vue'
  export default {
    name: 'Free',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    },
    components: {Headers, adver, bookList, Footers}
  }
</script>


<style scoped>

</style>
